<template>
    <div class="notice_detail">
      <div class="top">尊敬的用户：</div>
      <p class="content">
        节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况，节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况
        节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况
        节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况节假日快乐！关于国庆国庆中秋长假期间众多期间众多关注资讯的假期的上班情况
      </p>
      <div class="initiator">学伴团队</div>
      <div class="time">2017年3月16日</div>
  </div>
</template>

<script>
export default {
  name: "study_notice_detail",
  data() {
    return {};
  },

  mounted: function() {
    this.$nextTick(function() {});
  },
  methods: {}
};
</script>
<style scoped lang='less'>
.notice_detail {
    background:#f0f1f4;
    padding-top:0.05rem;
    .top{
      height: 0.5rem;
      line-height:0.5rem;
      font-size:0.15rem;
      color:#545454;
      background:#ffffff; 
      padding: 0 0.15rem;
    }
    .content{
      padding:0.1rem 0.15rem;
      background: #ffffff;
      text-indent: 2em;
      line-height: 0.25rem;
      color:#545454;
      font-size: 0.13rem;
    }
    .initiator{
      padding:0 0.15rem;
      height: 0.4rem;
      line-height: 0.4rem;
      font-size:0.14rem;
      color:#545454;
      font-weight: 500;
      background: #ffffff;
      text-align: right;
    }
    .time{
      padding:0 0.15rem;
      height: 0.25rem;
      line-height: 0.25rem;
      font-size:0.14rem;
      font-weight:500;
      background: #ffffff;
      color:#545454;
      text-align: right;

    }
}
</style>
